import React from "react";
// import './index.css';
import BGContainer from "../../../../../Component/BGContainer";
import ImgList from "../../../../../Component/ImgList";
import Blank from "../../../../../Component/Blank";
import Insurance from "../../../../../Common/svg/Insurance";
import GuaranteeMoney from "../../../../../Common/svg/GuaranteeMoney";
import CASVG from "../../../../../Common/svg/CASVG";
import TiggleBtn from "../../../../../Component/TiggleBtn";
import {Button,Input} from "antd";

export default class extends React.Component{
    
    constructor(props){
        super();
        this.state={
        }
    }
    render(){
        return(
            <div className="Publish_SecondHand_Title" >
                    <div>
                        <span><img src="/assets/Trade/Drone.png" alt="layer"/> 产品选择</span>
                    </div>
                    <div>
                        <BGContainer color="#f4f5f9" content={
                            (
                                <div className="Publish_SecondHand_Sub_InfoLine">
                                    <div className="flexContainer Publish_SecondHand_BodyPadding">
                                        <span className="Publish_SecondHand_SubTitle">大疆</span>
                                        <span className="Publish_SecondHand_SubTitle_SVGList">
                                            <span className="Publish_SecondHand_SubTitle_SVG"><Insurance/></span>
                                            <span className="Publish_SecondHand_SubTitle_SVG"><GuaranteeMoney/></span>
                                            <span className="Publish_SecondHand_SubTitle_SVG"><CASVG/></span>
                                        </span>
                                        <Blank/>
                                        <span>dui</span>
                                    </div>
                                    <div>
                                        <div className="Publish_SecondHand_Sub_InfoLeft Publish_SecondHand_BodyPadding">
                                            <div className="Publish_SecondHand_Sub_InfoLeft_Sub">
                                                <div className="Publish_SecondHand_Sub_InfoLeft_SubItem">品牌：大疆</div>
                                                <div className="Publish_SecondHand_Sub_InfoLeft_SubItem">类型: 四轴飞行器</div>
                                                <div className="Publish_SecondHand_Sub_InfoLeft_SubItem">型号: ZJIJLFKLD</div>
                                                <div className="Publish_SecondHand_Sub_InfoLeft_SubItem">SN号: 121312313</div>
                                            </div>
                                        </div>
                                        <div className="Publish_SecondHand_Sub_InfoRight" style={{textAlign:"right"}}>
                                            <ImgList imgs={["/assets/AD/info.png","/assets/AD/info.png",
                                                            "/assets/AD/info.png","/assets/AD/info.png",
                                                            "/assets/AD/info.png","/assets/AD/info.png"]} size={3}
                                                    width="120px"
                                                    height="90px"
                                            startIndex={0}/>
                                        </div>
                                    </div>
                                    
                                </div>
                            )
                        }/>
                        <BGContainer color="#f4f5f9" content={
                            (
                                <div className="Publish_SecondHand_Sub_InfoLine">
                                        <div className="Publish_SecondHand_Sub_InfoLeft Publish_SecondHand_BodyPadding">
                                                <span className="Publish_SecondHand_SubTitle">大疆</span>
                                                <span className="Publish_SecondHand_SubTitle_SVGList">
                                                    <span className="Publish_SecondHand_SubTitle_SVG"><Insurance/></span>
                                                    <span className="Publish_SecondHand_SubTitle_SVG"><GuaranteeMoney/></span>
                                                    <span className="Publish_SecondHand_SubTitle_SVG"><CASVG/></span>
                                                </span>
                                        </div>
                                        <div className="Publish_SecondHand_Sub_InfoRight">
                                            <div className="flexContainer">
                                                <Blank/>
                                                <span>dui</span>
                                            </div>
                                        </div>
                                </div>
                            )
                        }/>
                        <BGContainer color="#f4f5f9" content={
                            (
                                <div className="Publish_SecondHand_Sub_InfoLine">
                                        <div className="Publish_SecondHand_Sub_InfoLeft Publish_SecondHand_BodyPadding">
                                                <span className="Publish_SecondHand_SubTitle">大疆</span>
                                                <span className="Publish_SecondHand_SubTitle_SVGList">
                                                    <span className="Publish_SecondHand_SubTitle_SVG"><Insurance/></span>
                                                    <span className="Publish_SecondHand_SubTitle_SVG"><GuaranteeMoney/></span>
                                                    <span className="Publish_SecondHand_SubTitle_SVG"><CASVG/></span>
                                                </span>
                                        </div>
                                        <div className="Publish_SecondHand_Sub_InfoRight">
                                            <div className="flexContainer">
                                                <Blank/>
                                                <span>dui</span>
                                            </div>
                                        </div>
                                </div>
                            )
                        }/>
                        <BGContainer color="#f4f5f9" content={
                            (
                                <div className="Publish_SecondHand_Sub_InfoLine">
                                        <div className="Publish_SecondHand_Sub_InfoLeft Publish_SecondHand_BodyPadding">
                                                <span className="Publish_SecondHand_SubTitle">大疆</span>
                                                <span className="Publish_SecondHand_SubTitle_SVGList">
                                                    <span className="Publish_SecondHand_SubTitle_SVG"><Insurance/></span>
                                                    <span className="Publish_SecondHand_SubTitle_SVG"><GuaranteeMoney/></span>
                                                    <span className="Publish_SecondHand_SubTitle_SVG"><CASVG/></span>
                                                </span>
                                        </div>
                                        <div className="Publish_SecondHand_Sub_InfoRight">
                                            <div className="flexContainer">
                                                <Blank/>
                                                <span>dui</span>
                                            </div>
                                        </div>
                                </div>
                            )
                        }/>
                        <div className="Publish_SecondHand_Sub_InfoMiddle">
                                        <TiggleBtn leftTitle="一口价" rightTitle="可议价" />
                        </div>
                        <BGContainer color="#f4f5f9" content={
                            (
                                <div className="Publish_SecondHand_Sub_InfoLine">
                                         <div className="Publish_SecondHand_Sub_InfoLeft Publish_SecondHand_BodyPadding">
                                            <span className="Publish_SecondHand_SubTitle">价格</span>
                                        </div>
                                        <div className="Publish_SecondHand_Sub_InfoRight">
                                            <Input prefix="请输入价格" suffix="" 
                                                onChange={e=>this.ChangeName(e)}/>
                                        </div>
                                </div>
                            )
                        }/>
                        <BGContainer color="#f4f5f9" content={
                            (
                                <div className="Publish_SecondHand_Sub_InfoLine">
                                         <div className="Publish_SecondHand_Sub_InfoLeft Publish_SecondHand_BodyPadding">
                                            <span className="Publish_SecondHand_SubTitle">议价比例</span>
                                        </div>
                                        <div className="Publish_SecondHand_Sub_InfoRight">
                                            <div className="flexContainer">
                                                <Input prefix="请输入价格" suffix="" 
                                                onChange={e=>this.ChangeName(e)}/>
                                                <Blank/>
                                                <span>dui</span>
                                            </div>
                                        </div>
                                </div>
                            )
                        }/>
                        <BGContainer color="#f4f5f9" content={
                            (
                                <div className="Publish_SecondHand_Sub_InfoLine">
                                    <div className="Publish_SecondHand_Sub_InfoLeft Publish_SecondHand_BodyPadding">
                                            <span className="Publish_SecondHand_SubTitle">交易保险金</span>
                                        </div>
                                        <div className="Publish_SecondHand_Sub_InfoRight">
                                            <Input prefix="请输入价格" suffix="" 
                                                onChange={e=>this.ChangeName(e)}/>
                                        </div>
                                </div>
                            )
                        }/>
                        <div>
                            <span><img src="/assets/Trade/Info.png" alt="layer"/> 你能做到</span>
                        </div>
                        <BGContainer color="#f4f5f9" content={
                            (
                                <div className="Publish_SecondHand_Sub_InfoLine">
                                        <div className="Publish_SecondHand_Sub_InfoLeft Publish_SecondHand_BodyPadding">
                                            <span className="Publish_SecondHand_SubTitle">产品服务</span>
                                        </div>
                                        <div className="Publish_SecondHand_Sub_InfoRight">
                                            <Input prefix="请输入价格" suffix="" 
                                                onChange={e=>this.ChangeName(e)}/>
                                        </div>
                                </div>
                            )
                        }/>
                        <BGContainer color="#f4f5f9" content={
                            (
                                <div className="Publish_SecondHand_Sub_InfoLine">
                                    <div className="Publish_SecondHand_Sub_InfoLeft Publish_SecondHand_BodyPadding">
                                        <span className="Publish_SecondHand_SubTitle">配送服务</span>
                                    </div>
                                    <div className="Publish_SecondHand_Sub_InfoRight">
                                        <Input prefix="请输入价格" suffix="" 
                                            onChange={e=>this.ChangeName(e)}/>
                                    </div>
                                </div>
                            )
                        }/>
                    </div>
                    <div className="Publish_SecondHand_Sub_InfoMiddle">
                        <Button style={{width:"12rem"}} type="primary" 
                        shape="round" size="large"
                        >
                            确认发布
                        </Button>
                    </div>
                </div>
        )
    }
}